﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Shared/default.master" AutoEventWireup="true" CodeFile="orderOn.aspx.cs" Inherits="Pages_buy_orderOn" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<title>订单详细</title>
<script type="text/javascript" src="/js/jquery.validate.pack.js"></script>
<script type="text/javascript" src="/js/jquery.jmpopups-0.5.1.js"></script>
<script type="text/javascript" src="/js/buy.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script type="text/javascript">
$(function(){
	jQuery.validator.addMethod("isMobile", function(value, element) {    
		  var length = value.length;    
		  return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/.test(value));    
		}, "请正确填写您的手机号码");
	jQuery.validator.addMethod("isName", function(value, element) {    
		  return this.optional(element) || (/^[^0-9]*$/.test(value));    
		}, "请正确填写您的姓名");
	$('#amount_form').validate({
		rules: {
			amount:{
				required: true,
				digits: true,
				min: 1
			},
			coin:{
				digits: true,
				min: 0,
				max: 5}
		},
		messages: {
			amount: {
				required: function(){$("#amount_pop_message").html('请输入合法数量');$("#openlayer1").show();},
				digits: function(){$("#amount_pop_message").html('请输入合法数量');$("#openlayer1").show();},
				min: function(){$("#amount_pop_message").html('请最少购买1件商品');$("#openlayer1").show();}
			},
			coin: {
				digits:"请填入合法的粉币数量",
				min:"请填入合法的粉币数量",
				max:function(){$('#openlayer2').show();return false}
			}
		}
	});
	$('#address_form').validate({
		rules: {
			r_name: {
				isName: true,
				required: true
			},
			r_mobile:{
				required: true,
				isMobile: true
			},
			r_address: "required"
		},
		messages:{
			r_name: {
				isName: "姓名不能为数字，请填写真实姓名",
				required: "请填写收货人姓名"
			},
			r_mobile: {
				required: "请填写收货人手机号码",
				isMobile: "请正确填写您的手机号码"
			},
			r_address: "请填写收货人地址"
		}
	});
	$('#pay_method_form').validate({
		rules: {
			pay_method: "required"
		},
		messages:{
			pay_method: {
				required: function(){alert("请选择支付方式")}
			}
		}
	});
})
</script><!--主体部分开始-->
<div class="liuc">
	<div class="liuc_l">
		<div class="l_top"></div>
		<div class="liuc_area">
					<div id="tab_cont8">
			<h4><img src="/app_themes/ftuan/images/liucheng2.gif" alt="确认订单" />
			<%--<span class="liuc_xiug2" onclick="alter_amount()">修改</span>--%></h4>
			<div class="liuc_tab01">
				<ul>
					<li class="liuc_tab01_one">产 品</li>
					<li class="liuc_tab01_two">单 价</li>
					<li class="liuc_tab01_three">　</li>
					<li class="liuc_tab01_four">数 量</li>
					<li class="liuc_tab01_five">总 价</li>
				</ul>
				<div class="liuc_tab01_line1"></div>
				<ul>
					<li class="liuc_tab01_six"><%= orderInfo.ProductName %></li>
					<li class="liuc_tab01_two f18"><%= orderInfo.Price.ToString() %></li>
					<li class="liuc_tab01_three f18">×</li>
					<li class="liuc_tab01_four f18"><%= orderInfo.Count  %></li>
					<li class="liuc_tab01_five f18"><%= orderInfo.TotalAmount %></li>
				</ul>
				<div class="liuc_tab01_line1"></div><ul>
					<li class="liuc_tab01_six"></li>
					<li class="liuc_tab01_two f18"></li>
					<li class="liuc_tab01_three f18"></li>
					<li class="liuc_tab01_seven f12">使用我的M币</li>
					<li class="liuc_tab01_five f18"><%= orderInfo.Token%></li>
				</ul>
				<div class="liuc_tab01_line1"></div>
								<ul>
					<li class="liuc_tab01_six"></li>
					<li class="liuc_tab01_two f18"></li>
					<li class="liuc_tab01_three f18"></li>
					<li class="liuc_tab01_seven f12 text5">应付金额</li>
					<li class="liuc_tab01_five f18 text5"><%= orderInfo.PayMoney.ToString() %>元</li>
				</ul>
				<div class="clear"></div>
			</div>
		</div>
		<div id="tab_cont7" style="display:none">
			<h4><img src="/sites/all/themes/ftuan_theme/images/liucheng2.gif" alt="确认订单" /><span class="liuc_xiug2" onclick="assess_amount()">确定</span></h4>
			<form id="amount_form">
							<div class="liuc_tab01">
					<div class="liuc_tab_piao" id="openlayer1" style="display:none">
						<h5 onclick="javascript:$(this).parent().hide()" style="cursor:pointer"><img src="/sites/all/themes/ftuan_theme/images/close2.gif" /></h5>
						<p id="amount_pop_message"></p>
					</div>
								<div class="liuc_tab_piao3" id="openlayer2" style="display:none">
						<h5 onclick="javascript:$(this).parent().hide()" style="cursor:pointer"><img src="/sites/all/themes/ftuan_theme/images/close2.gif" /></h5>
						<p>该商品最多可使用M币<em id="coin_limit">5</em>元</p>
					</div>
								<ul>
						<li class="liuc_tab01_one">产 品</li>
						<li class="liuc_tab01_two">单 价</li>
						<li class="liuc_tab01_three">　</li>
						<li class="liuc_tab01_four">数 量</li>
						<li class="liuc_tab01_five">总 价</li>
					</ul>
					<div class="liuc_tab01_line1"></div>
					<ul>
						<li class="liuc_tab01_six">仅78元！原价188元/位的美味大餐！西单黑暗餐厅</li>
						<li class="liuc_tab01_two f18">￥78</li>
						<li class="liuc_tab01_three f18">×</li>
						<li class="liuc_tab01_four f18"><input type="text" class="liuc_input3" name="amount" id="amount" value="1" onchange="update_amount()" /></li>
						<li class="liuc_tab01_five f18"><span id="total_price">￥78</span></li>
					</ul>
									<div class="liuc_tab01_line1"></div>
					<ul>
						<li class="liuc_tab01_six"></li>
						<li class="liuc_tab01_two f18"></li>
						<li class="liuc_tab01_three f18"></li>
						<li class="liuc_tab01_seven f12">使用我的M币</li>
						<li class="liuc_tab01_five f18">￥<input type="text" class="liuc_input3" name="coin" id="coin" value="5" onchange="update_coin()" /></li>
					</ul>
									<div class="liuc_tab01_line1"></div>
					<ul>
						<li class="liuc_tab01_six"></li>
						<li class="liuc_tab01_two f18"></li>
						<li class="liuc_tab01_three f18"></li>
						<li class="liuc_tab01_seven f12 text5">应付金额</li>
						<li class="liuc_tab01_five f18 text5"><span id="pay_total">￥0</span></li>
					</ul>
					<div class="clear"></div>
				</div>
				</form>
		</div>
		<div class="blank10"></div>
			<input name="hidden_target" id="hidden_target" type="hidden" value="1" />
			<form id="address_form">
		<div class="liuc_tab05" id="tab_cont1">
			<%--<span class="liuc_xiug" onclick="alter_address()">修改</span>--%>
			<ul>
				<li><em>您的姓名:</em><%= orderInfo.CheckName %></li>
				<li><em>您的手机:</em><%= orderInfo.Tel %></li>
			</ul>
		</div>
		<div class="liuc_tab02" style="display: none;" id="tab_cont2">
			<span class="liuc_xiug" onclick="assess_address()">确定</span>
			<dl>
				<dt>您的姓名:</dt>
				<dd><input name="r_name" id="r_name" type="text" class="liuc_input1" value="潘彪"/></dd>
				<em class="text5">请填写真实姓名，身份证是您到店消费的凭证</em>
			</dl>
			<dl>
				<dt>您的手机:</dt>
				<dd><input id="r_mobile" name="r_mobile" type="text" class="liuc_input1" value="13600003345" maxlength="11"/></dd>
				<em id="liuc_tab02">请正确填写您的手机号，及时获得发货通知或消费通知！</em>
			</dl>
		</div>
		</form>
				<div class="blank10"></div>
									<div class="liuc_tab06no">
			<form id="pay_method_form">
				<h4>请选择支付方式:</h4>
				<ul>
					<%--<li><input name="pay_method" type="radio" value="3" onclick="show_pay_method_tips(0)" /><img src="/app_themes/ftuan/images/pay1.gif" alt="快钱" /></li>
                    
					<li><input name="pay_method" type="radio" value="4" onclick="show_pay_method_tips(1)" /><img src="/app_themes/ftuan/images/pay4.gif" alt="银联" /></li>
					--%>
					<li><input name="pay_method" type="radio" checked="checked" value="1" onclick="show_pay_method_tips(0)" /><img src="/app_themes/ftuan/images/pay2.gif" alt="支付宝" /></li>
					<li><input name="pay_method" type="radio" value="2" onclick="show_pay_method_tips(0)" /><img src="/app_themes/ftuan/images/pay3.gif" alt="财付通" /></li>
					</ul>
				<div class="ylk" id="pay_method_tips" style="display:none">重要提示：如果您选择了银联支付方式，请务必在相应银行网银支付成功后耐心等待（不要关闭页面），直至页面完全跳转回5151团的个人中心页面！感谢您的支持！”</div>
			</form>
			</div><div class="liuc_tab_but"><input type="button" id="submit_but" class="liuc_but1" value="确认无误，购买！" onclick="pay_orders()" /></div>
		</div>
		<div class="l_bot"></div>
	</div>
	
	<div class="liuc_r">
				<div class="liuc_r_cont2">
			<p><em class="text5"><%= userInfo.TokenAmount %></em>元</p>
		</div>
			</div>
	<input id="r_oid" name="r_oid" type="hidden" value="<%= orderInfo.OrderID %>" />
</div>
<!--主体部分结束-->

</asp:Content>

